@mixin linear-gradient($from, $to) {
  background-image: -moz-linear-gradient(to right, $from, $to);
  background-image: -o-linear-gradient(to right, $from, $to);
  background-image: -webkit-gradient(linear, left center, right center, color-stop(0, $from), color-stop(1, $to));
  background-image: -webkit-linear-gradient(to right, $from, $to);
  background-image: -ms-linear-gradient(to right, $from, $to);
  background-image: linear-gradient(to right, $from, $to);
}

.el-select-dropdown__item  {
  color: #FFF;
}
.el-select {
  .el-input {
    .el-select__caret {
      color: $--color-primary;
    }
  }
  .el-input__inner {
    color: $--color-primary;
    border-color: $--form-border-primary-color;
    background-color: transparent;
  }
  &:hover {
    .el-input__inner {
      border-color: $--form-border-primary-color;
    }
  }
}
.el-select-dropdown {
  background-color: $--form-bg-primary-color;
  border-color: $--form-border-primary-color;
  .el-select-dropdown__item {
    &:hover, &.hover {
      background-color: $--form-border-primary-color;
    }
  }
}

.el-radio-group {
  .el-radio-button__inner {
    background-color: $--form-bg-primary-color;
    border-color: $--form-border-primary-color;
    color: #4BDDBE;
  }
  .el-radio-button__orig-radio {
    &:checked {
      & + .el-radio-button__inner {
        background-color: $--form-border-primary-color;
        border-color: $--form-border-primary-color;
        box-shadow: -1px 0 0 0 $--form-border-primary-color;
      }
    }
  }
}
.el-radio-button {
  &:first-child {
    .el-radio-button__inner {
      border-left: 1px solid $--form-border-primary-color;
    }
  }
}

.el-dropdown-menu {
  background-color: $--form-bg-primary-color;
  border-color: $--form-border-primary-color;
  box-shadow: none;
  .el-dropdown-menu__item {
    color: $--color-primary;
    font-size: 20px;
    padding: 10px;
    &:hover {
      background-color: $--form-border-primary-color;
    }
  }
}

.el-popper[x-placement^="bottom"] {
  .popper__arrow {
    border-bottom-color: $--form-border-primary-color;
    &:after {
      border-bottom-color: $--form-bg-primary-color;
    }
  }
}
